.single-colunm-products {
    padding: 10px;
    width  : 100%;
    display: table;

    @category-width: 88px;

    .categories {
        width: @category-width;
    }

    .product-list {
        // margin-left: @category-width + 10px;
        width         :~"calc(100% - @{category-width} - 10px)"
    }

    .product {

        /* 页面样式 开始*/
        .interception {
            width                : 100%;
            display              : block;
            overflow             : hidden;
            white-space          : nowrap;
            -webkit-text-overflow: ellipsis;
            -moz-binding         : url("ellipsis.xml#ellipsis");
            -ms-text-overflow    : ellipsis;
            -o-text-overflow     : ellipsis;
            text-overflow        : ellipsis;
        }

        .name {
            font-size : 14px;
            color     : #333333;
            text-align: left;
            margin-top: 10px;
        }

        .double-line {
            height  : 40px;
            overflow: hidden;
        }

        .single-line {
            height  : 20px;
            overflow: hidden;
        }

        .price-bar {
            position   : relative;
            padding-top: 4px;

            span {
                font-size  : 14px;
                font-weight: bold;
                text-align : left;
            }

            i {
                font-size: 20px;
            }

            .price-color {
                color: #f70;
            }
        }

        .fields-bar {
            text-align: left;
            padding   : 4px 0px 2px 0px;
        }

        &.single {
            .name {
                margin-top: 2px;
            }

            .title {
                font-size : 14px;
                color     : gray;
                text-align: left;
                margin-top: 4px;
                height    : 20px;
            }

            .price {
                margin-top: 4px;
            }

            .content {

                // margin-left: 90px;
                .buttonBar {
                    width: 120px;
                }
            }

            hr {
                margin-top   : 10px;
                margin-bottom: 10px;
            }

            img {
                width: 100%;
            }
        }

        &.double {
            text-align: center;

            // .name {
            //     overflow        : hidden;
            //     // margin-bottom: 6px;
            //     margin-top      : 10px;
            //     color           : #333333;
            // }
            border-bottom: solid 1px whitesmoke;
            padding      : 10px 10px 10px 10px;

            &:nth-child(2n+1) {
                border-right: 1px solid whitesmoke;
            }
        }

        .productCout {
            i {
                margin: 0;
            }

            input {
                font-size     : 14px;
                // font-weight: bold;
                display       : block;
                width         : 32px;
                height        : 20px;
                text-align    : center;
                margin        : 0 4px 0 2px;
            }
        }

        .product-image {
            width: 80%;
        }
    }

    .buy-button {
        width       : 120px;
        @button-size: 24px;

        &.icon-style {
            width: unset;

            .input-group-addon {
                border       : solid 1px #ccc;
                border-radius: 50%;
                width        : @button-size;
                height       : @button-size;
                text-align   : center;
                display      : block;
                padding      : 5px 0 0 0;
                display      : inline-block;

                i {
                    font-size: 14px;
                }
            }

            .form-control {
                width     : 30px;
                border    : none;
                display   : inline-block;
                float     : none;
                box-shadow: none;
                font-size : 14px;
                position  : relative;
                top       : 2px;
            }


        }
    }

}